.top{
    /*position:absolute;*/
    margin-top:50px;
    /*width:100%;*/
    height: 40px;
    padding-left:20px;
    font-size:8px;
    color:white;
    background-color: royalblue;
    line-height: 40px;
}

.mainForm{
    margin-top:30px;
    display: flex;
    /*justify-content: center;*/
    flex-wrap:wrap;
    width:100%;

}

.mainFormInput{
    margin-top:20px;
    margin-left: 25px;
    text-align: right;
    height: 35px;
    width:450px;
    /*transform:translate(-50%,-50%);*/
}
.mainFormText{
    height: 30px;
    width:300px;

    /*background-color: #eeeeee;*/
    /*box-shadow: dimgray;*/
    border-radius: 5px;
    margin-left: 10px;
    padding-left: 10px;
    text-align:left ;
}


.secondForm{
    margin-top:40px;
    margin-left: 5%;
    width:90%;
    overflow: auto;
}

.selectFormTop{
    width:150%;
    /*max-width: 200%;*/
    /*max-width: 200%;*/
    border-bottom:2px solid gray ;
}

.selectForm{
    display: inline-block;
    width:100px;
    height:30px;
    text-align: center;
    margin-right: 20px;


}
.selectForm:hover{
    transition: .2s;
    color:deepskyblue;
    cursor: pointer;
}

.formAdd{
    color:white;
    background-color: royalblue;
    border-radius: 5px;
    width:70px;
    height: 30px;
    margin-top:1%;
    cursor: pointer;
}

.table td{
    /*border-top:2px solid gray;*/

}
.table{
    width:150%;
   /*max-width:2000%;*/
    margin-top:1%;
    border:2px solid gray;
    border-radius: 5px;
    /*border-top:2px solid gray;*/
    /*border-left:2px solid gray;*/
    /*border-right:2px solid gray;*/
    border-collapse: separate;
    border-spacing:0 10px;

}
.table tr{
    /*overflow: auto;*/
    /*max-width: 100%;*/
    margin-top:2%;
    border:2px solid gray;
    /*background-color: black;*/
}
.table .showText{
    /*width:100%;*/
    /*width: 200px;*/
    /*max-width: 100%;*/
    width:200px;
    height: 30px;
    margin-right:1%;
    padding-left: 10px;
    border-radius: 3px;
}

.cursel{ color: #7878f5
}

.submitb{
    position:absolute;
    transform: translate(1300%,20%);
    /*float:right;*/
    color:white;
    background-color: forestgreen;
    border-radius: 5px;
    width:70px;
    height: 30px;
    /*margin-top:1%;*/
    cursor: pointer;
}
.selectBtn{

    position:absolute;
    transform: translate(900%,20%);
    /*float:right;*/
    color:white;
    background-color: forestgreen;
    border-radius: 5px;
    width:90px;
    height: 30px;
    /*margin-top:1%;*/
    cursor: pointer;
}
.deleteButton{
    color:white;
    background-color: royalblue;
    border-radius: 5px;
    width:70px;
    height: 30px;
    cursor: pointer;
}
.changeButton{
    color:white;
    background-color: royalblue;
    border-radius: 5px;
    width:50px;
    height: 30px;
    cursor: pointer;
}

.selected{
    margin-left:10px;
}